<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dream High</title>
<link type="text/css" rel="stylesheet" href="nivo-slider.css" media="screen" />
<link type="text/css" rel="stylesheet" href="slideShow.css" media="screen" />
<link type="text/css" rel="stylesheet" href="Tabs.css" media="screen" />
<link type="text/css" rel="stylesheet" href="style.css" media="screen" />
<link type="text/css" rel="stylesheet" href="basic.css" media="screen" />
<link type="text/css" rel="stylesheet" href="css_buy_product.css" media="screen" />
<style type="text/css">
.shop_dilevery {
    background: url("images/icon_delivery.gif") no-repeat scroll 8px center transparent;
    padding: 4px 0 5px 35px;
}

.shop_payment {
    background: url("images/icon_bank.gif") no-repeat scroll 8px center transparent;
    padding: 4px 0 5px 35px;
}
</style>
<script type="text/javascript" src="jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="listProducts.js"></script>
<script type="text/javascript" src="basic.js"></script>
<script type="text/javascript" src="jquery.simplemodal.js"></script>
<script type="text/javascript" src="validFormRegister.js"></script>
<script type="text/javascript">
$(function(){
	$('#tabs').tabs();
});
</script>
<script type="text/javascript">
$(window).load(function() {
	$('#slider').nivoSlider();
});
</script>
<script type="text/javascript">
	$(document).ready(function(e) {
        $("nav li").hover(function(e) {
            $(this).find("ul:first").css({visibility: "visible", display: "none"}).show(500);
        },function(e){
			$(this).find("ul:first").css({visibility: "hidden"});
		});
		$("#rfloat_login_succesfull li").click(function(e) {
            if($(this).find("ul:first").is(':hidden')==true)
				$(this).find("ul:first").slideDown();
			else
				$(this).find("ul:first").hide();
		});
    });
	jQuery(function ($) {
	// Load dialog on page load
	//$('#basic-modal-content').modal();

	// Load dialog on click
		$('.basic').click(function (e) {
			$.get('edit_info.html',function(data){
				$('#basic-modal-content').html(data);
			},
			'html');
			$('#basic-modal-content').modal();
	
			return false;
		});
	});
</script>
</head>

<body>
	<section>
    	<header>
        	<section></section>
            <section>
            	<div id="rfloat_login_succesfull">
                    <div style="float:left;">Xin Chào &nbsp;</div>
                    <ul style="float:right;">
                    	<li><a href="#" class="button">viennv1709993@gmail.com</a>
                        	<ul style="right:-1px;">
                            	<li><a href="#" class="basic" style="float:left;">Chỉnh sửa thông tin</a></li>
                                <li><a href="index.html" style="float:right;">Thoát</a>
                            </ul>
                        </li>
                    </ul>
                </div>
            </section>
        </header>
        <nav>
        	<ul>
                <li><a href="index.html">Trang chủ</a></li>
                <li><a href="#">Điện thoại</a>
                	<ul>
                    	<li><a href="#">Điện thoại di động</a></li>
                        <li><a href="#">Phụ kiện ĐTDĐ</a></li>
                        <li><a href="#">Máy cũ</a></li>
                    </ul>
                </li>
                <li><a href="#">Máy tính bảng</a></li>
                <li><a href="#">Camera</a>
                	<ul>
                    	<li><a href="#">Máy ảnh</a></li>
                        <li><a href="#">Máy quay phim</a></li>
                        <li><a href="#">Phụ kiện KTS</a></li>
                    </ul>
                </li>
                <li><a href="#">Giải trí số</a>
                	<ul>
                    	<li><a href="#">Máy MP3</a></li>
                        <li><a href="#">Máy MP4/MP5</a></li>
                        <li><a href="#">Máy ghi âm</a></li>
                    </ul>
                </li>
                <li><a href="#">Tin tức</a></li>
                <li><a href="contact.html">Liên hệ</a></li>
                <li class="last">
                    <div class="div_search">
                    	<form action="#" method="post">
                            <input id="btnSearch" class="btn_empty" type="button" value=" "/>
                            <input id="txtSearch" class="txt_search" type="text"/>
                            <input id="btnClear" class="btn_empty" type="reset" value=" "/>
                        </form>
                    </div>
                </li>
            </ul>
        </nav>
        <article>
        	<div class="box_top">
                <div id="cphLeft_ShopStep1_upMain">
                    <ul class="step_cart_1">
                        <li class="step1_1" style="background: url(images/step2_1.gif) no-repeat scroll left center #EDEDED;">
                        	<span>Giỏ hàng của bạn</span>
                        </li>
                        <li class="step1_2" style="background: url(images/step2_2.gif) no-repeat scroll left center #EDEDED;">
                            <span>Cách giao hàng &amp; Thanh toán</span>
                        </li>
                        <li class="step1_3">
                        	<span>Xác nhận đơn hàng</span>
                        </li>
                    </ul>
                    <div class="clear"> </div>
                    <div class="shop_content">
                        <div class="shop_dilevery"> Vui lòng chọn phương thức giao hàng phù hợp để DreamHigh.com giao hàng nhanh nhất. </div>
                    </div>
                    <div>
                        <table cellspacing="0" style="width:100%;border-collapse:collapse;">
                            <tbody>
                                <tr class="tr_shop">
                                    <th class="td_nobor_center" style="width:20px;" scope="col">&nbsp;</th>
                                    <th class="td_center" scope="col"> Phương thức giao hàng </th>
                                    <th class="td_center" scope="col"> Thời gian dự kiến </th>
                                    <th class="td_last" scope="col"> Phụ phí(VND) </th>
                                </tr>
                                <tr class="tr_s_no">
                                    <td class="td_first" style="padding-left:7px;">
                                        <input id="radSelect1" type="radio" name="radSelect" value="1">
                                    </td>
                                    <td class="td_center">
                                        <label for="radSelect1">
                                        	<a href="#">Tại siêu thị DreamHigh.com</a>
                                        </label>
                                        <select id="cphLeft_ShopStep1_grvDelivery_ddlStore_0" style="border:1px inset #999">
                                            <option value="26">HN -11A Thái Hà</option>
                                            <option value="544">HN - 215 Xã Đàn</option>
                                        </select>
                                    </td>
                                    <td class="td_center"> Nhận hàng trong vòng 24 tiếng </td>
									<td class="td_last" align="right">&nbsp;  </td>
                                </tr>
                                <tr class="tr_s_no">
                                    <td class="td_first" style="padding-left:7px;">
                                        <input id="radSelect3" type="radio" name="radSelect" value="3">
                                    </td>
                                    <td class="td_center">
                                    	<label for="radSelect3"> Tại kho Online (HCM - 397A Lê Đại Hành, Q.11) </label>
                                    </td>
                                    <td class="td_center"> Nhận hàng trong vòng 24 tiếng </td>
                                    <td class="td_last" align="right">&nbsp;  </td>
                                </tr>
                                <tr class="tr_s_no">
                                    <td class="td_first" style="padding-left:7px;">
                                    	<input id="radSelect7" type="radio" name="radSelect" value="7">
                                    </td>
                                    <td class="td_center">
                                    	<label for="radSelect7"> Qua bưu điện </label>
                                    </td>
                                    <td class="td_center"> Nhận hàng sau 3-4 ngày </td>
                                    <td class="td_last" align="right">&nbsp;  </td>
                                </tr>
                                <tr class="tr_s_no">
                                    <td class="td_first" style="padding-left:7px;">
                                    	<input id="radSelect9" type="radio" name="radSelect" value="9">
                                    </td>
                                    <td class="td_center">
                                    	<label for="radSelect9"> Nhân viên Tư vấn và giao tận nơi theo yêu cầu </label>
                                    </td>
                                    <td class="td_center"> Nhận hàng trong vòng 24 tiếng </td>
                                    <td class="td_last" align="right">&nbsp;  </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="shop_comand" style="text-align: right;">
                        <span class="to_text">Tổng phí giao hàng</span>
                        (VND):
                        <span id="totalDelivery" class="to_price">&nbsp;</span>
                    </div>
                    <div class="shop_payment"> Vui lòng lựa chọn phương thức thanh toán phù hợp </div>
                    <div>
                        <table cellspacing="0" style="width:100%;border-collapse:collapse;">
                            <tbody>
                                <tr class="tr_shop">
                                    <th class="td_nobor_center" style="width:20px;" scope="col">&nbsp;</th>
                                    <th class="td_center" scope="col"> Phương thức thanh toán </th>
                                    <th class="td_center" scope="col"> Hướng dẫn sử dụng </th>
                                    <th class="td_last" style="width:100px;" scope="col"> Dịch vụ(VND) </th>
                                </tr>
                                <tr class="tr_s_no">
                                    <td class="td_first">
                                    	<input id="radPSelect1" type="radio" value="1" name="radPSelect">
                                    </td>
                                    <td class="td_center">
                                    	<label for="radPSelect1"> Tiền mặt trực tiếp </label>
                                    </td>
                                    <td class="td_center"> Quý khách có thể thanh toán tiền mặt cùng nhân viên giao hàng tận nơi; hoặc đến siêu thị Thegioididong.com gần nhất thanh toán tiền trước / sau khi nhận hàng (vui lòng giữ lại phiếu thu để đối chiếu khi cần thiết) </td>
                                    <td class="td_last" align="right">&nbsp;  </td>
                                </tr>
                                <tr class="tr_s_no">
                                    <td class="td_first">
                                    	<input id="radPSelect2" type="radio" value="2" name="radPSelect">
                                    </td>
                                    <td class="td_center">
                                    	<label for="radPSelect2"> Chuyển khoản </label>
                                    </td>
                                    <td class="td_center">
                                        Ngân hàng Ngoại Thương VN - VietcomBank - chi nhánh Tân Bình, TP.HCM
                                        <br>
                                        Chủ tài khoản: Công ty CP Dream High
                                        <br>
                                        Số tài khoản: 044.100.061.5156
                                        <br>
                                        Nội dung:
                                        <strong>Mua Online &lt;Tên sản phẩm&gt; - &lt;Tên khách hàng&gt; - &lt;Ngày&gt;</strong>
                                    </td>
                                    <td class="td_last" align="right">&nbsp;  </td>
                                </tr>
                                <tr class="tr_s_no">
                                    <td class="td_first">
                                    	<input id="radPSelect3" type="radio" value="3" name="radPSelect">
                                    </td>
                                    <td class="td_center">
                                    	<label for="radPSelect3"> Qua bưu điện </label>
                                    </td>
                                    <td class="td_center">
                                        Nội dung:
                                        <strong>Mua Online &lt;Tên sản phẩm&gt; - &lt;Tên sản phẩm&gt; - &lt;Ngày&gt;</strong>
                                        <br>
                                        Người nhận:
                                        <strong>Công ty Cổ Phần Dream High</strong>
                                        <br>
                                        Địa chỉ:
                                        <strong>Phòng Online, 74-76 C2 Hoàng Thoa Thám, P.13, Q.Tân Bình, TP.HCM </strong>
                                        <br>
                                        Điện thoại: 1900.561.888
                                    </td>
                                    <td class="td_last" align="right">&nbsp;  </td>
                                </tr>
                                <tr class="tr_s_no">
                                    <td class="td_first">
                                    	<input id="radPSelect4" type="radio" value="4" name="radPSelect">
                                    </td>
                                    <td class="td_center">
                                    	<label for="radPSelect4"> Trực tiếp bằng thẻ ATM nội địa và thẻ thanh toán quốc tế </label>
                                    </td>
                                    <td class="td_center">
                                        <img src="images/Products/new.gif">
                                        Quý khách có thẻ ATM nội địa hoặc thẻ thanh toán quốc tế, nhân viên giao hàng sẽ mang máy đọc thẻ (máy pos) để thực hiện thanh toán trực tiếp khi giao hàng.
                                        <a href="#">
                                            <span style="color: blue;">Danh sách thẻ áp dụng</span>
                                        </a>
                                        (thực hiện thanh toán tại: TP.HCM, Hà Nội, Hải Phòng, Đà Nẵng, Long Xuyên và Đồng Nai)
                                    </td>
                                    <td class="td_last" align="right">&nbsp;  </td>
                                </tr>
                                <tr class="tr_s_no">
                                    <td class="td_first">
                                    	<input id="radPSelect5" type="radio" value="5" name="radPSelect">
                                    </td>
                                    <td class="td_center">
                                    	<label for="radPSelect5"> Thanh toán trực tuyến qua Mobivi </label>
                                    </td>
                                    <td class="td_center">
                                        <img src="images/mobivi.jpg" alt="">
                                        Quý khách phải đăng ký sử dụng dịch vụ ví điện tử của Mobivi để sử dụng dịch vụ này, xem thêm hướng dẫn
                                        <a href="#">
                                        	<span style="color: blue;">tại đây</span>
                                        </a>
                                    </td>
                                    <td class="td_last" align="right">&nbsp;  </td>
                                </tr>
                                <tr class="tr_s_no">
                                    <td class="td_first">
                                    	<input id="radPSelect6" type="radio" value="6" name="radPSelect">
                                    </td>
                                    <td class="td_center">
                                    	<label for="radPSelect6"> Thanh toán qua tài khoản ATM nội địa </label>
                                    </td>
                                    <td class="td_center">
                                        <img src="images/theatm.gif" alt="">
                                        Quý khách phải đăng ký sử dụng dịch vụ thanh toán trực tuyến
                                        <strong>E-Banking </strong>
                                        <span style="color: black;">(VietcomBank, TechcomBank, MB Bank, VIB Bank, EximBank, ACB, HDBank, STB)</span>
                                        , xem thêm hướng dẫn
                                        <a href="#">
                                        <span style="color: blue;">tại đây</span>
                                        </a>
                                    </td>
                                    <td class="td_last" align="right">&nbsp;  </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="shop_comand" style="text-align: right;">
                        <span class="to_text">Tổng phí thanh toán</span>
                        (VND):
                        <span id="totalPayment" class="to_price">&nbsp;</span>
                    </div>
                    <div class="shop_in_com">
                        <a href="buy_product_page3.html">
                            <input class="btn94x25" type="submit" value="Tiếp tục" />
                        </a>
                    </div>
                    <div class="shop_not_footer">
                        DreamHigh.com cam kết áp dụng mức bảo mật cao nhất thông tin Quý khách đặt hàng,
                        <a class="shop_sicu" href="security.html"> xem thêm chính sách bảo mật</a>
                        <a href="buy_product_page1.html" style="margin-left:80px;">[Trở về]</a>
                    </div>
                </div>
            </div>
        </article>
        <aside>
            <div class="Box" style="height:293px;">
                <div class="Header">Thông tin đặt hàng</div>
                <div class="Content">
                    <div class="sh_master_step1_a">
                        <a href="buy_product.html" title="Nhấn vào đây xem giỏ hàng của bạn"> Giỏ hàng của bạn </a>
                        <img src="images/icon_delete.gif" style="cursor:pointer;" />
                    </div>
                    <div>
                        <table id="ShopMaster1_gvCart" cellspacing="0" style="width:100%;border-collapse:collapse;">
                            <tbody>
                                <tr class="tr_shop_mas">
                                    <th class="td_center" scope="col"> Sản phẩm </th>
                                    <th class="td_center" scope="col"> SL </th>
                                    <th class="td_last" scope="col"> Thành tiền </th>
                                </tr>
                                <tr class="tr_s_no">
                                    <td class="td_center"> iPhone 4 32GB </td>
                                    <td class="td_quantity"> 1 </td>
                                    <td class="td_last"> 20,249,000 </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="sh_master_step2_a"> Cách giao hàng &amp; thanh toán </div>
                    <div class="shop_comand_master">
                        <div style="float: left; width: 50%;">
                        	<span>Tổng tiền</span>
                        	(VND):
                        </div>
                        <div class="price"> 20,249,000 </div>
                    </div>
                    <div class="sh_master_step3_d"> Xác nhận đơn hàng </div>
                    <div class="sh_master_step3_content">
                        <a href="payment_instructions.html" style="color:#03F;"> Xem hướng dẫn đặt hàng</a>
                    </div>
                    <div style="padding:16px 0px 0px 0px;">
                        <a href="#">
                            <img alt="Đặt hàng online giá rẻ hơn" src="images/Spencial_Offer.gif">
                        </a>
                    </div>
                </div>
            </div>
            <div class="Box" style="margin-top:8px;">
                <div class="Header">Điện thoại di động mới ra mắt</div>
                <div class="Content" style="padding:10px 0px">
                	<script type="text/javascript">
						listNewProducts(["Nokia N302(Asha 302)","Samsung Galaxy Y S5360","Samsung Star 3 S5220","Samsung C3312","Samsung Torino S6102"],  ["a","b","c","d","e"],  ["2,789,000 VNĐ","3,589,000 VNĐ","2,599,000 VNĐ","1,899,000 VNĐ","4,489,000 VNĐ"],5);
					</script>
                </div>
            </div>
        </aside>
        <footer>
			<p>
				<a href="/">Trang chủ</a>|
				<a href="#">Giới thiệu</a>|
				<a href="#">Tin tức</a>|
				<a href="#">Liên hệ</a>|
				<a href="#">Điều khoản cá nhân</a>|
				<a href="#">Hướng dẫn thanh toán</a>
			</p>
			<div class="clear"></div>
			<p>
				&copy; Bản quyền thuộc về Dream High.
				<a href="#">Thiết kế website</a>
				bởi
				<a href="#">www.dreamhigh.com</a>
			</p>
			<div class="clear"></div>
        </footer>
    </section>
    <!-- modal content -->
	<div id="basic-modal-content"></div>
    <a id="toTop" href="#" style="display: inline;"><span id="toTopHover" style="opacity: 1;"></span>To Top</a>
</body>
</html>
